<template>
  <div class="h-naive-users-box">
    <TableNav :dataColumns="dataColumn" :get="'/users'" />
  </div>
</template>

<script setup>
import { h, reactive, ref, onMounted } from "vue";
import TableNav from "@/components/TableNav/TableNav.vue";
import { NTag, NButton, useMessage } from "naive-ui";

let message = useMessage()


let datas = ref()

let actions = ref({
  title: "操作",
  key: "actions",
  render(row) {
    return [
      h(
        NButton,
        {
          size: "small",
          onClick: () => sendMail(row)
        },
        { default: () => "Send Email" }
      ),
      h(
        NButton,
        {
          size: "small",
          onClick: () => sendMail(row)
        },
        { default: () => "Send Email" }
      )
    ]
  }
})

let dataColumn = ref([
  {
    title: "Id",
    key: "id",
  },
  {
    title: "用户名称",
    key: "uname",
  },
  {
    title: "用户密码",
    key: "upasswd",
  }
]);

// dataColumn.value.push(actions.value)



</script>

<style scoped></style>
